<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="/css/cart.css"/>
	</head>
	<body>
		<div class="nav-header">
			
		</div>
		
		<section>
			<div class="cart">
				<div class="return">
					<a href="/index.html">&lt;返回首页</a>
				</div>
					<div class="head">
					            <div class="label active">
					                <span></span> 我的购物车
					            </div>
					            <div class="label other2">
					                <span></span> 提交订单
					            </div>
					            <div class="label other3">
					                <span></span> 支付
					            </div>
					</div>
				<div class="my-cart">
					<div class="top-bar">
						<ul id="top-bar">
							<li class="bar-01">
								<input type="checkbox" id="all-check">
							</li>
							<li class="bar-02">商品信息</li>
							<li class="bar-03">单价(元)</li>
							<li class="bar-04">数量</li>
							<li class="bar-05">小计</li>
							<li class="bar-06">操作</li>
						</ul>
					</div>

					<div class="goods-list" id="shop_tbody">
						</div>
						<script type="text/html" id="cartTemplate">
						{{each cart shop}}
						<ul data-id="{{shop.id}}">
							<li class="select"><input type="checkbox" name="cartCheckBox" class="checks" {{ shop.check ? 'checked' : '' }} /></li>
							<li class="goods">
								<div class="left">
									<a class="b-lazy b-loaded" href="/html/detail.html?id={{shop.id}}">
										<img src="{{shop.photo[0].url}}" alt="">
									</a>
								</div>
								<div class="right">
									<h4>
										<a href="#" target="_blank">{{shop.title.slice(0,4)}}</a>
									</h4>
									<p class="attr-0">盲盒款式：<span>随机单个</span></p>
								</div>
							</li>
							<li class="prices">
									{{shop.price}}
							</li>
							<li class="numbers">
									<span class="reduce" id="min"><i></i></span>
									<input id="text_box" type="text" value="{{shop.count}}">
									<span class="add" id="add"><i></i></span>
									<div class="descript">有货</div>
							</li>
							<li class="total" id="total">{{(shop.price*shop.count).toFixed(2)}}</li>
							<li class="handle"><i class="delete"></i></li>
						</ul>
						{{/each}}
						</script>
						<div class="no-goods-box empty" id="cart-empty">
							<div class="shop-icon"></div>
								<div class="message">
								<p>购物车内暂时没有商品</p>
								<a href="/index">去购物&gt;</a>
								</div>
							</div>

					<div class="Check-out" id="CheckOut">
	
					<div class="goods-detail">
						<div class="money">商品总额
							<i>￥</i>
							<span id="Paymoney"></span>
						</div>
					</div>
						<div class="options"><a href="/index.html">继续购物</a>
							<button class="go-pay ">去结算</button>
						</div>
					</div>
					
					</div>
				</div>
			</div>
		</section>
		
		<div class="footer">
			
		</div>
		
	</body>
	<script src="../libs/require/require.min.js" data-main="/js/cart"></script>
</html>
